<template>
  <div class="app">
    <!-- 加载页 -->
    <Loading :loading="dialogvisibility"></Loading>

    <Matrix v-if="!dialogvisibility"></Matrix>
    <!-- <Keyboard></Keyboard> -->


    <!-- <button class="ad">按钮</button> -->
    <Bear />



  </div>

</template>


<style lang="less">
@import './app.less';
@import './loader.less';
</style>
<!-- <script src="./app.js"></script> -->
<script>
import Loading from './components/loading/index.vue';
import Matrix from './components/facade/matrix/index.vue';
import Bear from './components/facade/bear/index.vue';

export default {
  name: 'app',
  data() {
    return {
      dialogvisibility: true
    };
  },
  methods: {
    listen() {
      console.log(this.$store.state.music);
    }

  },
  created() {
    if (!localStorage.getItem('first')) {
      setTimeout(() => {
        this.dialogvisibility = false;
      }, 1000);
      localStorage.setItem('first', true);
    } else {
      this.dialogvisibility = false;
    }
  },
  components: {
    Loading,
    Matrix,
    Bear
    // Keyboard

  }
};
</script>
